<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Fluxlet • Flux Challenge</title>

  <link rel="stylesheet" href="../../styles.css">

  <script src="build.js"></script>

  <style>
    .css-highlight {
      color: red;
    }
  </style>
</head>
<body>
  <div class="app-container">
    <div class="css-root">
      <h1 class="css-planet-monitor">Help me, Obi-Wan Kenobi.</h1>

      <section class="css-scrollable-list">
        <ul class="css-slots">
          <li class="css-slot">
            <h3></h3>
            <h6></h6>
          </li>
          <li class="css-slot">
            <h3></h3>
            <h6></h6>
          </li>
          <li class="css-slot">
            <h3></h3>
            <h6></h6>
          </li>
          <li class="css-slot">
            <h3></h3>
            <h6></h6>
          </li>
          <li class="css-slot">
            <h3></h3>
            <h6></h6>
          </li>
        </ul>

        <div class="css-scroll-buttons">
          <button class="css-button-up css-button-disabled"></button>
          <button class="css-button-down css-button-disabled"></button>
        </div>
      </section>
    </div>
  </div>
</body>
</html>
